﻿@{
    ViewBag.Title = "店铺简介";
    Layout = "~/Views/Shared/_HeadAndEnd.cshtml";
}
@using MvcShoppingMall.Model
<!--搜索框-->
<div class="toub_beij">
    <div class="logo"><a href="./"><img src="~/Content/images/logo.png"></a></div>
    <div class="search">
        <input type="text" value="家电一折抢" class="text" id="textt">
        <button class="button">搜索</button>
    </div>
    <div class="right">
        <i class="gw-left"></i>
        <i class="gw-right"></i>
        <a href="@Url.Action("ShoppingCar", "Home")">我的购物车</a>
    </div>
    <div class="hotwords">
        <a class="biaoti">热门搜索：</a>
        <a href="###">新款连衣裙</a>
        <a href="###">四件套</a>
        <a href="###">潮流T恤</a>
        <a href="###">时尚女鞋</a>
        <a href="###">乐1</a>
        <a href="###">特步女鞋</a>
        <a href="###">威士忌</a>
    </div>
</div>

@{
    wst_shops shop = ViewBag.shop;
}
<!--店铺-->
<div class="dianp_logo_beij">
    <div class="dianp_logo_img">
        <img src="~/Content/images/dyImg/@shop.shopImg" />
    </div>
    <div class="beij_center dianp_xianq_fud_beij">
        <div class="dianp_mingx">
            <div class="dianp_minc">
                <p>@shop.shopName</p>
                <div class="services-stars f_f1">
                    <span class="star"><i style="width:81.2819333333%">星星</i></span>
                    <span class="score">4.0</span>分
                </div>
                <div class="dianp_sc">
                    <a href="###" class="btn-collect"><i class="sprite-enter"></i>收藏店铺</a>
                </div>
                <div class="dianp_sc">
                    <a href="###" class="btn-collect"><i class="sprite_3"></i>联系商家</a>
                </div>
            </div>
            <div class="dianp_diz">
                <div class="zuo_diz"><p>地址：@shop.shopAddress</p></div>
                <div class="zuo_diz_2">
                    <span>电话：@shop.telephone</span>
                    <span>联系人：@shop.shopkeeper</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="dianp_daoh_beij">
    <div class="beij_center">
        <div class="dp_daoh_ul">
            <ul>
                <li class="dp_dh_li"><a href="@Url.Action("Index", "Home")" class="lin_color">首页</a></li>
                <li class="dp_dh_li">
                    <a href="@Url.Action("StoreIndex", "Store")" class="lin_color">全部商品<i class="ci-leftll"></i></a>
                </li>
                <li class="dp_dh_li"><a href="###" class="lin_color">分销商品</a></li>
                <li class="dp_dh_li"><a href="shagnj_dianp_jies.html" class="lin_color">店铺简介</a></li>
            </ul>
        </div>
    </div>
</div>

<!--简介-->
<div class="shangj_dianp_jiej">
    <div class="jianj_img"><img src="images/shangj_jianj_beij.jpg"></div>
    <div class="beij_center fl_01">
        <div class="jianj_text">
            <div class="dianp_jianj">
                <h2 style="font-size:26px">店铺简介</h2>
                <div class="haod_kz">
                    <p style="font-size: 19px; color: #303030; ">@shop.shopBrief</p>
                </div>
            </div>
            <div class="dianp_dit">
                <style type="text/css">
                    html, body {
                        margin: 0;
                        padding: 0;
                    }

                    .iw_poi_title {
                        color: #CC5522;
                        font-size: 14px;
                        font-weight: bold;
                        overflow: hidden;
                        padding-right: 13px;
                        white-space: nowrap;
                    }

                    .iw_poi_content {
                        font: 12px arial,sans-serif;
                        overflow: visible;
                        padding-top: 4px;
                        white-space: -moz-pre-wrap;
                        word-wrap: break-word;
                    }
                </style>
                <script type="text/javascript" src="http://api.map.baidu.com/api?key=&amp;v=1.1&amp;services=true"></script>
                <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.1&amp;ak=&amp;services=true&amp;t=20130716024058"></script>
                <link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/11/bmap.css">
                <!--百度地图容器-->
                <div class="dianp_dit" id="dituContent" style="overflow: hidden; position: relative; z-index: 0; background-image: url(&quot;http://api.map.baidu.com/images/bg.png&quot;); color: rgb(0, 0, 0); text-align: left;">
                    <div id="platform" style="overflow: visible; position: absolute; z-index: 0; left: -392px; top: -231px; cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default;">
                        <div style="position: absolute; z-index: -1; left: 858px; top: 149px; display: block;">
                            <img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=12&amp;y=2&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: 193px; top: 8px;">
                            <img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=10&amp;y=3&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -831px; top: -504px;">
                            <img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=11&amp;y=2&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -319px; top: 8px;">
                            <img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=12&amp;y=3&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: 193px; top: -504px;">
                            <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=9&amp;y=3&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -1343px; top: -504px;">
                            <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=10&amp;y=2&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -831px; top: 8px;">
                            <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=9&amp;y=2&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -1343px; top: 8px;">
                            <img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=11&amp;y=3&amp;z=6&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -319px; top: -504px;">
                        </div>
                        <div id="mask" class=" BMap_mask" style="position: absolute; left: 392px; top: 231px; z-index: 9; overflow: hidden; user-select: none; width: 1146px; height: 300px;"></div>
                        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
                                <span class="BMap_Marker BMap_noprint" unselectable="on" "=" " style=" position absolute; padding 0px; margin 0px; border 0px; cursor pointer; background url(&quot;http />/api.map.baidu.com/images/blank.gif&quot;); width: 21px; height: 21px; left: 701px; top: 181px; z-index: -5318226;" title="">
                            </div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;">
                                <span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 707px; top: 202px; z-index: -5318226;">
                                    <div style="position: absolute; margin: 0px; padding: 0px; width: 21px; height: 21px; left: -6px; top: -21px; overflow: hidden;">
                                        <img src="~/Content/images/t-107.png" style="border:none;left:0px; top:0px; position:absolute;" />
                                    </div>
                                    <label class=" BMapLabel" unselectable="on" style="position: absolute; display: inline; cursor: pointer; background-color: rgb(255, 255, 255); border: 1px solid rgb(128, 128, 128); padding: 1px; white-space: nowrap; font: 12px arial, simsun; z-index: 80; color: rgb(51, 51, 51); user-select: none; left: 9px; top: -20px;">我的标记</label>
                                </span>
                            </div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                        </div><div style="position: absolute; z-index: -1; left: 963px; top: 381px;">
                            <img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=23&amp;y=5&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -169px; top: -224px;">
                            <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=22&amp;y=5&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -425px; top: -224px;">
                            <img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=25&amp;y=5&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 343px; top: -224px;">
                            <img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=24&amp;y=5&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 87px; top: -224px;">
                            <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=23&amp;y=4&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -169px; top: 32px;">
                            <img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=24&amp;y=4&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 87px; top: 32px;">
                            <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=22&amp;y=4&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -425px; top: 32px;">
                            <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=21&amp;y=5&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -681px; top: -224px;">
                            <img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=25&amp;y=4&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 343px; top: 32px;">
                            <img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=21&amp;y=4&amp;z=7&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -681px; top: 32px;">
                        </div>
                    </div>
                    <div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api.map.baidu.com/images/openhand.cur) 8 8,default">
                        <div class="BMap_zoomer" style="top:0;left:0;"></div>
                        <div class="BMap_zoomer" style="top:0;right:0;"></div>
                        <div class="BMap_zoomer" style="bottom:0;left:0;"></div>
                        <div class="BMap_zoomer" style="bottom:0;right:0;"></div>
                    </div>
                    <div class=" anchorBL" style="height: 32px; position: absolute; z-index: 10; bottom: 0px; right: auto; top: auto; left: 1px;">
                        <a title="到百度地图首页" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;">
                            <img style="border:none;width:77px;height:32px" src="http://api.map.baidu.com/images/copyright_logo.png">
                        </a>
                    </div>
                    <div unselectable="on" class=" BMap_cpyCtrl anchorBL" style="cursor: default; white-space: nowrap; bottom: 2px; right: auto; top: auto; left: 81px; position: absolute; z-index: 10;">
                        <span style="text-size-adjust: none; color: rgb(0, 0, 0); background: none; font: 11px arial, simsun; display: inline;" _cid="1">© 2015 Baidu</span>
                    </div>
                    <div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" style="width: 52px; height: 226px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100;">
                        <div class="BMap_stdMpPan">
                            <div class="BMap_button BMap_panN" title="向上平移"></div><div class="BMap_button BMap_panW" title="向左平移"></div><div class="BMap_button BMap_panE" title="向右平移"></div>
                            <div class="BMap_button BMap_panS" title="向下平移"></div><div class="BMap_stdMpPanBg BMap_smcbg"></div>
                        </div><div class="BMap_stdMpZoom" style="height: 167px; width: 52px;">
                            <div style="height: 167px; width: 37px;">
                                <div class="BMap_button BMap_stdMpZoomIn" title="放大一级"><div class="BMap_smcbg"></div></div><div class="BMap_button BMap_stdMpZoomOut" title="缩小一级"><div class="BMap_smcbg"></div></div>
                            </div>
                            <div class="BMap_stdMpSlider" style="height: 133px;">
                                <div class="BMap_stdMpSliderBgTop" style="height: 124px;">
                                    <div class="BMap_smcbg"></div>
                                </div><div class="BMap_stdMpSliderBgBot" style="top: 124px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSliderMask" title="放置到此级别"></div>
                                <div class="BMap_stdMpSliderBar" title="拖动缩放" style="cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default; top: 78px;"><div class="BMap_smcbg"></div></div>
                            </div>
                            <div class="BMap_zlHolder">
                                <div class="BMap_zlSt"><div class="BMap_smcbg"></div></div>
                                <div class="BMap_zlCity"><div class="BMap_smcbg"></div></div><div class="BMap_zlProv"><div class="BMap_smcbg"></div></div><div class="BMap_zlCountry">
                                    <div class="BMap_smcbg"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div unselectable="on" class=" BMap_omCtrl BMap_noprint anchorBR quad4" style="width: 150px; height: 150px; bottom: 0px; right: 0px; top: auto; left: auto; position: absolute; z-index: 10;">
                        <div class="BMap_omOutFrame" style="width: 149px; height: 149px;">
                            <div class="BMap_omInnFrame" style="bottom: auto; right: auto; top: 8px; left: 8px; width: 139px; height: 139px;">
                                <div class="BMap_omMapContainer" style="overflow: hidden; background-image: url(&quot;http://api.map.baidu.com/images/bg.png&quot;); color: rgb(0, 0, 0); text-align: left;">
                                    <div id="platform" style="overflow: visible; position: absolute; z-index: 0; left: -41px; top: -13px; cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default;">
                                        <div id="mask" class=" BMap_mask" style="position: absolute; left: 41px; top: 13px; z-index: 9; overflow: hidden; user-select: none; width: 139px; height: 139px;"></div>
                                        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
                                                <div class="BMap_Division" style="position: absolute; width: 72px; overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(173, 207, 244) rgb(39, 75, 139) rgb(39, 75, 139) rgb(132, 176, 223); border-image: initial; opacity: 1; z-index: 60; user-select: none; left: 74px; top: 72px; height: 19px;">
                                                    <div class="BMap_omViewInnFrame" style="width: 70px; height: 17px;"><div class="BMap_omViewMask"></div></div>
                                                </div>
                                            </div>
                                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div>
                                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"></div>
                                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                                        </div>
                                        <div style="position: absolute; z-index: -1; left: 111px; top: 83px;">
                                            <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=1&amp;y=0&amp;z=3&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -122px; top: -174px;">
                                        </div>
                                    </div>
                                </div>
                                <div class="BMap_omViewMv" style="cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default; width: 72px; height: 19px; left: 33px; top: 59px;">
                                    <div class="BMap_omViewInnFrame" style="width: 70px; height: 17px;"><div></div></div>
                                </div>
                            </div>
                        </div>
                        <div class="BMap_omBtn" style="bottom: 0px; right: 0px; top: auto; left: auto;"></div>
                    </div>
                    <div unselectable="on" class=" BMap_scaleCtrl BMap_noprint anchorBL" style="bottom: 18px; right: auto; top: auto; left: 81px; width: 55px; position: absolute; z-index: 10;">
                        <div class="BMap_scaleTxt" unselectable="on">100&nbsp;公里</div><div class="BMap_scaleBar BMap_scaleHBar">
                            <img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png">
                        </div>
                        <div class="BMap_scaleBar BMap_scaleLBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div>
                        <div class="BMap_scaleBar BMap_scaleRBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div>
                    </div>
                </div>
                <script type="text/javascript">
                    //创建和初始化地图函数：
                    function initMap() {
                        createMap();//创建地图
                        setMapEvent();//设置地图事件
                        addMapControl();//向地图添加控件
                        addMarker();//向地图中添加marker
                    }
                    //创建地图函数：
                    function createMap() {
                        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                        var point = new BMap.Point(106.716053, 26.591136);//定义一个中心点坐标
                        map.centerAndZoom(point, 17);//设定地图的中心点和坐标并将地图显示在地图容器中
                        window.map = map;//将map变量存储在全局
                    }
                    //地图事件设置函数：
                    function setMapEvent() {
                        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                        map.enableKeyboard();//启用键盘上下左右键移动地图
                    }
                    //地图控件添加函数：
                    function addMapControl() {
                        //向地图中添加缩放控件
                        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
                        map.addControl(ctrl_nav);
                        //向地图中添加缩略图控件
                        var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });
                        map.addControl(ctrl_ove);
                        //向地图中添加比例尺控件
                        var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
                        map.addControl(ctrl_sca);
                    }
                    //标注点数组
                    var markerArr = [{ title: "我的标记", content: "我的备注", point: "106.716062|26.591136", isOpen: 0, icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5 } }
                    ];
                    //创建marker
                    function addMarker() {
                        for (var i = 0; i < markerArr.length; i++) {
                            var json = markerArr[i];
                            var p0 = json.point.split("|")[0];
                            var p1 = json.point.split("|")[1];
                            var point = new BMap.Point(p0, p1);
                            var iconImg = createIcon(json.icon);
                            var marker = new BMap.Marker(point, { icon: iconImg });
                            var iw = createInfoWindow(i);
                            var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
                            marker.setLabel(label);
                            map.addOverlay(marker);
                            label.setStyle({
                                borderColor: "#808080",
                                color: "#333",
                                cursor: "pointer"
                            });
                            (function () {
                                var index = i;
                                var _iw = createInfoWindow(i);
                                var _marker = marker;
                                _marker.addEventListener("click", function () {
                                    this.openInfoWindow(_iw);
                                });
                                _iw.addEventListener("open", function () {
                                    _marker.getLabel().hide();
                                })
                                _iw.addEventListener("close", function () {
                                    _marker.getLabel().show();
                                })
                                label.addEventListener("click", function () {
                                    _marker.openInfoWindow(_iw);
                                })
                                if (!!json.isOpen) {
                                    label.hide();
                                    _marker.openInfoWindow(_iw);
                                }
                            })()
                        }
                    }
                    //创建InfoWindow
                    function createInfoWindow(i) {
                        var json = markerArr[i];
                        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
                        return iw;
                    }
                    //创建一个Icon
                    function createIcon(json) {
                        var icon = new BMap.Icon("~/Content/images/t-107.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
                        return icon;
                    }
                    initMap();//创建和初始化地图
                </script>
            </div>
        </div>
    </div>
</div>